{include file="index@index/head"}
<link rel="stylesheet" href="__PUBLIC__/static/static/css/index.css">
<!--广告-->
<div class="container mb-3 mt-3">
  {sy:list nid="104" name="vo" key='key'}
  <a class="row" href="{$vo.url}"><img class="img-fluid" src="{$vo.img}" alt="{$vo.title}"></a>
  {/sy:list}
</div>
<!--内容-->
<div class="container">
  <div class="row mb-5">
      <!--轮播图-->
      <div class="col-3 p-0">
          <div id="demo" class="carousel slide" data-ride="carousel">
              <!-- 指示符 -->
              <ul class="carousel-indicators">
                {sy:list nid="81" name="vo" key='key'}
                  <li data-target="#demo" data-slide-to="{$key}" class="{if condition="$key eq 0"}active{/if}"></li>
                  {/sy:list}
              </ul>
              <!-- 轮播图片 -->
              <div class="carousel-inner">
                {sy:list nid="81" name="vo" key='key'}
                  <div class="carousel-item {if condition="$key eq 0"}active{/if}">
                      <img src="{$vo.img}">
                      <div class="carousel-caption">
                          <p>{$vo.title}</p>
                      </div>
                  </div>
                  {/sy:list}
              </div>
          </div>
      </div>
      <!--tab栏-->
      <div class="col-6 pl-5 pr-5">
          <!-- Nav tabs -->
          <ul class="nav nav-tabs" role="tablist">
              <li class="nav-item">
                  <a class="nav-link active" data-toggle="tab" href="#hot">热门</a>
              </li>
              <li class="nav-item">
                  <a class="nav-link" data-toggle="tab" href="#new">最新</a>
              </li>
          </ul>

          <!-- Tab panes -->
          <div class="tab-content hot-news art-list">
              <div id="hot" class="tab-pane active">
                  <ul class="nav flex-column">
                    {sy:list nid="2"  at="isvouch" name="vo" sort="sort desc,datetime desc" num="0,10"} 
                      <li class="d-flex"><span class="art-tag text-blue">{$vo.subtitle}</span><div class="flex-grow-1 d-flex justify-content-between"><a class="text-truncate" href="{:u('about',$vo.id)}"><span>{$vo.title}</span></a><span class="text-muted">{$vo.datetime|date='Y-m-d ',###}</span></div></li>
                    {/sy:list}
                    </ul>
              </div>
              <div id="new" class="tab-pane fade">
                  <ul class="nav flex-column">
                    {sy:list nid="2"  name="vo" sort="sort desc,datetime desc" num="0,10"} 
                    <li class="d-flex"><span class="art-tag text-blue">{$vo.subtitle}</span><div class="flex-grow-1 d-flex justify-content-between"><a class="text-truncate" href="{:u('about',$vo.id)}"><span>{$vo.title}</span></a><span class="text-muted">{$vo.datetime|date='Y-m-d ',###}</span></div></li>
                    {/sy:list}
                  </ul>
              </div>
          </div>
      </div>
      <!--快捷导航-->
      <div class="col-3 pt-2 pb-2 pl-3 pr-0 border">
          <div class="pb-3 border border-top-0 border-left-0 border-right-0 mb-2">
              <h5 class="font-weight-bold"><span class="two-line"></span>自学考试</h5>
              <ul class="nav">
                  <li class="nav-item col-4 pl-0 pr-3">
                      <a class="nav-link p-0 pt-1 pb-1" href="#">了解自考</a>
                  </li>
                  <li class="nav-item col-4 pl-0 pr-3">
                      <a class="nav-link p-0 pt-1 pb-1" href="#">报名须知</a>
                  </li>
                  <li class="nav-item col-4 pl-0 pr-3">
                      <a class="nav-link p-0 pt-1 pb-1" href="#">专业查询</a>
                  </li>
                  <li class="nav-item col-4 pl-0 pr-3">
                      <a class="nav-link p-0 pt-1 pb-1" href="#">考试安排</a>
                  </li>
                  <li class="nav-item col-4 pl-0 pr-3">
                      <a class="nav-link p-0 pt-1 pb-1" href="#">考试习题</a>
                  </li>
                  <li class="nav-item col-4 pl-0 pr-3">
                      <a class="nav-link p-0 pt-1 pb-1" href="#">报名入口</a>
                  </li>
              </ul>
          </div>
          <div class="pb-3 border border-top-0 border-left-0 border-right-0 mb-2">
              <h5 class="font-weight-bold"><span class="two-line"></span>成人高考</h5>
              <ul class="nav">
                  <li class="nav-item col-4 pl-0 pr-3">
                      <a class="nav-link p-0 pt-1 pb-1" href="#">了解成考</a>
                  </li>
                  <li class="nav-item col-4 pl-0 pr-3">
                      <a class="nav-link p-0 pt-1 pb-1" href="#">成考报名</a>
                  </li>
                  <li class="nav-item col-4 pl-0 pr-3">
                      <a class="nav-link p-0 pt-1 pb-1" href="#">报名条件</a>
                  </li>
                  <li class="nav-item col-4 pl-0 pr-3">
                      <a class="nav-link p-0 pt-1 pb-1" href="#">院校大全</a>
                  </li>
                  <li class="nav-item col-4 pl-0 pr-3">
                      <a class="nav-link p-0 pt-1 pb-1" href="#">考试大纲</a>
                  </li>
                  <li class="nav-item col-4 pl-0 pr-2">
                      <a class="nav-link p-0 pt-1 pb-1" href="#">录取分数线</a>
                  </li>
              </ul>
          </div>
          <div>
              <h5 class="font-weight-bold"><span class="two-line"></span>远程教育</h5>
              <ul class="nav">
                  <li class="nav-item col-4 pl-0 pr-3">
                      <a class="nav-link p-0 pt-1 pb-1" href="#">远程教育</a>
                  </li>
                  <li class="nav-item col-4 pl-0 pr-3">
                      <a class="nav-link p-0 pt-1 pb-1" href="#">报名条件</a>
                  </li>
                  <li class="nav-item col-4 pl-0 pr-3">
                      <a class="nav-link p-0 pt-1 pb-1" href="#">招生院校</a>
                  </li>
                  <li class="nav-item col-4 pl-0 pr-3">
                      <a class="nav-link p-0 pt-1 pb-1" href="#">入学考试</a>
                  </li>
                  <li class="nav-item col-4 pl-0 pr-3">
                      <a class="nav-link p-0 pt-1 pb-1" href="#">录取查询</a>
                  </li>
                  <li class="nav-item col-4 pl-0 pr-3">
                      <a class="nav-link p-0 pt-1 pb-1" href="#">关于统考</a>
                  </li>
              </ul>
          </div>
      </div>
  </div>

  <!--自学考试-->
  <div class="row mb-5">
      <!---->
      <div class="w-100 border border-2 border-top-0 border-left-0 border-right-0 mb-4 d-flex flex-row justify-content-between align-items-center">
          <h4 class="ti">自学考试</h4>
          <div><a href="{:u('zixuekaoshi')}" class="text-muted"><small>更多>></small></a></div>
      </div>
      <div class="col-3 p-0">
          <div class="mb-4">
              <a href=""><img class="img-fluid" src="static/index/img/ad_2.png" alt="自考报名入口"></a>
          </div>
          <div>
              <div class="text-truncate" style="position: relative;">
                  <img class="zk-index-img" src="static/index/img/pic.png" alt="">
                  <div class="text-truncate p-2" style="position: absolute;bottom:0;left:0;right:0;background-color: rgba(0, 0, 0, 0.5);color:#fff;">
                      <small>2021年全国各省市自学考试报考资讯简章及报名时间...</small>
                  </div>
              </div>
              <div class="text-truncate-2">
                  <small class="text-muted">每年都有一些自考考生会因为一些特殊的原因需要更改自己自考注册的信息，出于公平起见，自考修改...</small>
              </div>
          </div>
      </div>
      <div class="col-6 pl-5 pr-5 hot-news art-list zk-art-list">
          <ul class="nav flex-column">
           
            {sy:list nid="2" cid="105" name="vo" sort="sort desc,datetime desc" num="0,10"} 
            <li class="d-flex"><span class="art-tag text-blue">{$vo.subtitle}</span><div class="flex-grow-1 d-flex text-truncate justify-content-between"><a class="text-truncate" href="{:u('about',$vo.id)}"><span>{$vo.title}</span></a><span class="text-muted">{$vo.datetime|date='Y-m-d ',###}</span></div></li>
            {/sy:list}
            
             
          </ul>
      </div>
      <div class="col-3 p-0 border text-center">
          <div class="count-time count-time-1">
              <p class="pt-4">距2020年10月17日自考考试剩余</p>
              <ul><li class="zk_1">8</li><li class="zk_2">8</li><li class="zk_3">8</li><li>天</li></ul>
          </div>
          <ul class="nav text-center">
              <li class="col-4 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-zhinan text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>自考指南</small>
                  </div>
              </a></li>
              <li class="col-4 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-zhenti text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>历年真题</small>
                  </div>
              </a></li>
              <li class="col-4 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-jianzhang text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>招生简章</small>
                  </div>
              </a></li>
              <li class="col-4 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-baoming text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>网上报名</small>
                  </div>
              </a></li>
              <li class="col-4 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-yuanxiao text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>主考院校</small>
                  </div>
              </a></li>
              <li class="col-4 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-zhengce text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>自考政策</small>
                  </div>
              </a></li>
          </ul>
      </div>
  </div>

  <!--成人高考-->
  <div class="row mb-5">
      <!---->
      <div class="w-100 border border-2 border-top-0 border-left-0 border-right-0 mb-4 d-flex flex-row justify-content-between align-items-center">
          <h4 class="ti">成人高考</h4>
          <div><a href="{:u('chengrengaokao')}" class="text-muted"><small>更多>></small></a></div>
      </div>
      <div class="col-3 p-0">
          <div class="mb-4">
              <a href=""><img class="img-fluid" src="static/index/img/ad_3.png" alt="自考报名入口"></a>
          </div>
          <ul class="nav border text-center pb-2">
              <li class="col-3 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-zhinan text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>新手指南</small>
                  </div>
              </a></li>
              <li class="col-3 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-yuanxiao text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>院校查询</small>
                  </div>
              </a></li>
              <li class="col-3 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-xiti text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>练习习题</small>
                  </div>
              </a></li>
              <li class="col-3 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-jianzhang text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>招生简章</small>
                  </div>
              </a></li>
              <li class="col-3 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-chengjichaxun text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>成绩查询</small>
                  </div>
              </a></li>
              <li class="col-3 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-zhiyuan text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>支援填报</small>
                  </div>
              </a></li>
              <li class="col-3 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-wenti text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>常见问题</small>
                  </div>
              </a></li>
              <li class="col-3 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-baoming text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>网上报名</small>
                  </div>
              </a></li>
          </ul>
      </div>
      <!--10条数据-->
      <div class="col-6 pl-5 pr-5 art-list ck-art-list">
          <ul class="nav flex-column" style="margin-left:-7px;">
            {sy:list nid="2" cid="21" name="vo" sort="sort desc,datetime desc" num="0,10"} 
            <li class="d-flex"><span>{$vo.subtitle}</span><div class="flex-grow-1 d-flex justify-content-between"><a href="{:u('about',$vo.id)}"><span>{$vo.title}</span></a><span class="text-muted">{$vo.datetime|date='Y-m-d ',###}</span></div></li>
            {/sy:list}
             
            
          </ul>
      </div>
      <div class="col-3 pt-3 pl-3 pr-3 border">
          <h6 class="parallelogram">热门院校</h6>
          <div id="demo1" class="carousel slide" data-ride="carousel">
              <!--指示符-->
              <ul class="carousel-indicators">
                  <li data-target="#demo1" data-slide-to="0" class="active"></li>
                  <li data-target="#demo1" data-slide-to="1"></li>
                  <li data-target="#demo1" data-slide-to="2"></li>
              </ul>
              <!-- 轮播图片 -->
              <div class="carousel-inner">
               
                  <div class="carousel-item active">
                      <ul class="nav flex-column">
                        {volist name="school" id="v"}
                          <li class="d-flex flex-row mb-2">
                              <div style="width: 70px;height: 70px;"><img class="img-fluid" src="{$v.school_logo} " alt="学校logo"></div>
                              <a href="" class="d-flex flex-column justify-content-between p-2">
                                  <h6 class="text-truncate-2 crgk-s-title"><a href="{:u('admissions',$v.id)}">{$v.school_name} </a></h6>
                                  <small class="text-muted">{$v.qualifications}</small>
                              </a>
                          </li>
                          {/volist}
                       
                      </ul>
                  </div>
                
                  

                  
              </div>
          </div>
      </div>
      <ul class="nav local-zk mt-3">
          <li><a href="javascript:void(0)">地方自考:</a></li>
          <li><a href="">北京</a></li>
          <li><a href="">上海</a></li>
          <li><a href="">广东</a></li>
          <li><a href="">江苏</a></li>
          <li><a href="">湖北</a></li>
          <li><a href="">甘肃</a></li>
          <li><a href="">福建</a></li>
          <li><a href="">吉林</a></li>
          <li><a href="">青海</a></li>
          <li><a href="">山东</a></li>
          <li><a href="">陕西</a></li>
          <li><a href="">山西</a></li>
          <li><a href="">云南</a></li>
          <li><a href="">安徽</a></li>
          <li><a href="">贵州</a></li>
          <li><a href="">海南</a></li>
          <li><a href="">河北</a></li>
      </ul>
  </div>

  <!--远程教育-->
  <div class="row mb-5">
      <!---->
      <div class="w-100 border border-2 border-top-0 border-left-0 border-right-0 mb-4 d-flex flex-row justify-content-between align-items-center">
          <h4 class="ti">远程教育</h4>
          <div><a href="{:u('yuanchengjiaoyu')}" class="text-muted"><small>更多>></small></a></div>
      </div>
      <div class="col-3 p-0 border">
          <ul class="nav text-center mt-2">
              <li class="col-3 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-zhinan text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>新手指南</small>
                  </div>
              </a></li>
              <li class="col-3 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-jianzhang text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>招生简章</small>
                  </div>
              </a></li>
              <li class="col-3 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-zhaosheng text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>招生专业</small>
                  </div>
              </a></li>
              <li class="col-3 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-yuanxiao text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>招生院校</small>
                  </div>
              </a></li>

              <li class="col-3 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-ruxueceshi text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>入学测试</small>
                  </div>
              </a></li>
              <li class="col-3 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-shijian text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>报名时间</small>
                  </div>
              </a></li>
              <li class="col-3 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-ruxuekaoshi text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>入学考试</small>
                  </div>
              </a></li>
              <li class="col-3 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-xiangguanwenda text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>相关问答</small>
                  </div>
              </a></li>

              <li class="col-3 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-tongkaobaoming text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>统考报名</small>
                  </div>
              </a></li>
              <li class="col-3 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-kemu text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>统考科目</small>
                  </div>
              </a></li>
              <li class="col-3 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-tongkaoshijian text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>统考时间</small>
                  </div>
              </a></li>
              <li class="col-3 p-2"><a class="text-decoration-none" href="">
                  <i class="iconfont icon-baoming text-blue" style="font-size: 2.25rem;"></i>
                  <div>
                      <small>网上报名</small>
                  </div>
              </a></li>
          </ul>
      </div>
      <div class="col-6 pl-5 pr-5 art-list yc-art-list">
          <ul class="nav flex-column">
            {sy:list nid="2" cid="106" at="isvouch" name="vo" sort="sort desc,datetime desc" num="0,10"} 
              <li class="d-flex justify-content-between"><a href="{:u('about',$vo.id)}"><span>{$vo.title}</span></a><span class="text-muted">{$vo.datetime|date='Y-m-d ',###}</span></li>
            {/sy:list}
          </ul>
      </div>
      <div class="col-3 p-0 border text-center">
          <div class="count-time count-time-2">
              <p class="pt-4">距2020年10月17日统考考试剩余</p>
              <ul><li class="yc_1">0</li><li class="yc_2">0</li><li class="yc_3">0</li><li>天</li></ul>
          </div>

          <ul class="pl-5 pr-4 art-list-right yc-art-list-right text-left">
            {sy:list nid="2" cid="106" name="vo" sort="sort desc,datetime desc" num="0,5"} 
              <li><a class="text-truncate" style="display: block;" href="{:u('about',$vo.id)}">{$vo.title}</a></li>
             {/sy:list}
             
          </ul>

      </div>
  </div>

  <!--国开电大-->
  <div class="row mb-5">
      <!---->
      <div class="w-100 border border-2 border-top-0 border-left-0 border-right-0 mb-4 d-flex flex-row justify-content-between align-items-center">
          <h4 class="ti">国开电大</h4>
          <div><a href="{:u('guokaidianda')}" class="text-muted"><small>更多>></small></a></div>
      </div>
      <div class="col-3 p-0 pt-3 pl-3 gkdd-left-box">
          <ul class="time-line border border-top-0 border-right-0 border-bottom-0">
              <li>
                  <div class="d-flex time-line-content-box">
                      <div class="time-line-tag">报名</div>
                      <div class="d-flex flex-column time-line-content justify-content-between">
                          <h6>预计2021年7月-2021年12月</h6>
                          <ul class="nav">
                              <li class="pr-3"><a class="text-muted" href=""><small>学习列表</small></a></li>
                              <li class="pr-3"><a class="text-muted" href=""><small>报名时间</small></a></li>
                              <li class="pr-3"><a class="text-muted" href=""><small>招生简章</small></a></li>
                          </ul>
                      </div>
                  </div>
              </li>
              <li>
                  <div class="d-flex time-line-content-box">
                      <div class="time-line-tag">报名</div>
                      <div class="d-flex flex-column time-line-content justify-content-between">
                          <h6>预计2021年7月-2021年12月</h6>
                          <ul class="nav">
                              <li class="pr-3"><a class="text-muted" href=""><small>备考技巧</small></a></li>
                              <li class="pr-3"><a class="text-muted" href=""><small>面试教程</small></a></li>
                          </ul>
                      </div>
                  </div>
              </li>
              <li>
                  <div class="d-flex time-line-content-box">
                      <div class="time-line-tag">考试</div>
                      <div class="d-flex flex-column time-line-content justify-content-between">
                          <h6>大部分地区是2021年12月份</h6>
                          <ul class="nav">
                              <li class="pr-3"><a class="text-muted" href=""><small>报考信息</small></a></li>
                              <li class="pr-3"><a class="text-muted" href=""><small>考试科目</small></a></li>
                              <li class="pr-3"><a class="text-muted" href=""><small>考试信息</small></a></li>
                          </ul>
                      </div>
                  </div>
              </li>
              <li>
                  <div class="d-flex time-line-content-box">
                      <div class="time-line-tag">录取</div>
                      <div class="d-flex flex-column time-line-content justify-content-between">
                          <h6>预计2021年7月-2021年12月</h6>
                          <ul class="nav">
                              <li class="pr-3"><a class="text-muted" href=""><small>成绩查询</small></a></li>
                              <li class="pr-3"><a class="text-muted" href=""><small>分数线</small></a></li>
                              <li class="pr-3"><a class="text-muted" href=""><small>录取查询</small></a></li>
                          </ul>
                      </div>
                  </div>
              </li>
          </ul>
      </div>
      <div class="col-6 pl-5 pr-5 art-list">
          <ul class="nav flex-column gkdd-art-list">
            {sy:list nid="2" at="isvouch" cid="107" name="vo" sort="sort desc,datetime desc" num="0,10"} 
              <li class="d-flex justify-content-between"><a href="{:u('about',$vo.id)}"><span>{$vo.title}</span></a><span class="text-muted">{$vo.datetime|date='Y-m-d ',###}</span></li>
              {/sy:list}
             
          </ul>
      </div>
      <div class="col-3 p-0 border text-center">
          <div class="count-time count-time-3">
              <p class="pt-4">距2020年10月17日报名截止剩余</p>
              <ul><li class="gk_1">0</li><li class="gk_2">0</li><li class="gk_3">0</li><li>天</li></ul>
          </div>

          <ul class="pl-5 pr-4 art-list-right text-left">
            {sy:list nid="2"  cid="107" name="vo" sort="sort desc,datetime desc" num="0,5"} 
              <li><a class="text-truncate" style="display: block;" href="{:u('about',$vo.id)}">{$vo.title}</a></li>
            {/sy:list}
          </ul>

      </div>
  </div>
</div>

<script src="__PUBLIC__/static/static/js/index.js"></script>
{include file="index@index/foot"}